<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>51微贷</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css">
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/common.css">
		<link rel="stylesheet" type="text/css" href="../../css/icomoon/style.css">
		<script type="text/javascript" src="../../js/rem.js"></script>
	</head>

	<body onload="loaded()">
		<div class="m-discovery">
			<h3 class="header f-pr">
				<span>发现</span>
				<!--<i class="icon-1 f-pa"><i class="circle f-pa"></i></i>-->
				<!--<i class="icon-2 f-pa"></i>-->
			</h3>
			<div class="wrapper" id="wrapper">
				<div class="scroller" id="scroller">
					<div class="mui-slider slider">
						<div class="mui-slider-group mui-slider-loop slider-group">
							<div class="mui-slider-item mui-slider-item-duplicate">
								<a href="#"><img src="../../images/discovery/banner.png"></a>
							</div>
							<!--<div class="mui-slider-item">
								<a><img src="../../images/discovery/banner.png"></a>
							</div>
							<div class="mui-slider-item mui-slider-item-duplicate">
								<a href="#"><img src="../../images/discovery/banner.png"></a>
							</div>-->
						</div>
						<div class="mui-slider-indicator slider-indicator">
							<!--<div class="mui-indicator mui-active"></div>-->
							<!--<div class="mui-indicator"></div>-->
						</div>
					</div>
					<div class="tab-box-1 clearfix">

						<div class="item" id="safe">
							<p class="img"><img src="../../images/discovery/discovery-icon-2.png"></p>
							<div class="text">
								<p>安全运营</p>
								<p id="operation_time">--</p>
							</div>
						</div>
						<div class="item" id="share">
							<p class="img"><img src="../../images/discovery/discovery-icon-1.png"></p>
							<div class="text">
								<p>邀友好友</p>
								<p>有钱一起赚</p>
							</div>
						</div>
					</div>
					<div class="tab-box-2 clearfix">
						<p>
							<span id="credit_amount">￥0.00</span>
							<span>平台为用户赚取</span>
						</p>
						<p>
							<span id="principal_amount">￥0.00</span>
							<span>平台累计成交</span>
						</p>
					</div>
					<ul class="tab-box-3 clearfix">
						<li>
							<p class="img f-pr">
								<img src="../../images/discovery/discovery-icon-3.png">
								<!--<i class="circle f-pa"></i>-->
							</p>
							<p>安全保障</p>
						</li>
						<li>
							<p class="img"><img src="../../images/discovery/discovery-icon-4.png"></p>
							<p>信息披露</p>
						</li>
						<li>
							<p class="img"><img src="../../images/discovery/discovery-icon-5.png"></p>
							<p>关于我们</p>
						</li>
						<li>
							<p class="img"><img src="../../images/discovery/discovery-icon-6.png"></p>
							<p>关注微信</p>
						</li>
						<li>
							<p class="img"><img src="../../images/discovery/discovery-icon-7.png"></p>
							<p>计算器</p>
						</li>
						<li>
							<p class="img"><img src="../../images/discovery/discovery-icon-8.png"></p>
							<p>帮助中心</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../js/md5.min.js"></script>
		<script type="text/javascript" src="../../js/iscroll.js"></script>
		<script type="text/javascript" src="../../js/scroller.js"></script>
		<script type="text/javascript" src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/zepto.min.js"></script>
		<script type="text/javascript" src="../../js/common.js"></script>
		<script type="text/javascript">
			$(function() {
				mui.ajax(base + 'credit/summary', {
					type: 'get',
					data: {},
					dataType: 'json',
					headers: sign(md5),
					success: function(data) {
						console.log('平台描述：' + JSON.stringify(data));
						$('#operation_time').html(data.operation_day + '天' + data.operation_hour + '时' + data.operation_min + '分');
						$('#credit_amount').html('￥' + data.credit_amount);
						$('#principal_amount').html('￥' + data.principal_amount);
					},
					error: function(data) {
						console.error("平台描述异常：" + JSON.stringify(data));
					}
				});
				$('#safe').on('tap', function() {
					mui.openWindow({
						url: '../guarantee.html',
						show: {
							aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
							event: "loaded"
						}
					});
				});

				$('#share').on('tap', function() {
					plus.share.sendWithSystem({
						content: '无忧微贷-有钱一起赚',
						href: 'http://boss.51weidai.com'
					}, function() {
//						mui.toast('分享成功');
						console.log('分享成功');
					}, function(e) {
//						mui.toast('分享失败');
						console.log('分享失败：' + JSON.stringify(e));
					});
				});

				$('.tab-box-3 li:nth-child(1)').on('tap', function() {
					mui.openWindow({
						url: '../guarantee.html',
						show: {
							aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
							event: "loaded"
						}
					});
				});
				$('.tab-box-3 li:nth-child(2)').on('tap', function() {
					mui.openWindow({
						url: 'info.html',
						show: {
							aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
							event: "loaded"
						}
					});
				});
				$('.tab-box-3 li:nth-child(3)').on('tap', function() {
					mui.openWindow({
						url: '../about.html',
						show: {
							aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
							event: "loaded"
						}
					});
				});
				$('.tab-box-3 li:nth-child(4)').on('tap', function() {
					mui.openWindow({
						url: '../wechat.html',
						show: {
							aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
							event: "loaded"
						}
					});
				});

				$('.tab-box-3 li:nth-child(6)').on('tap', function() {
					mui.openWindow({
						url: 'help.html',
						show: {
							aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
						}
					});
				});
				
				$('.mui-slider-item').on('tap', function() {
					mui.openWindow({
						url: 'info.html',
						show: {
							aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
							event: "loaded"
						}
					});
				});

				$('.tab-box-3 li:nth-child(5)').on('tap', function() {
					mui.openWindow({
						url: 'earnings.html',
						show: {
							aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
							event: "loaded"
						}
					});
				});
			});
		</script>
	</body>

</html>